<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>马克思主义学院</title>
    <link rel="stylesheet" href="./01.马克思主义学院样式.css">
    
</head>
<body>
    <!-- 整体 -->
    <div id="box">
        <div class="main">

            <!-- 头部部分 -->
            <div class="header">
                <!-- 头部欢迎语 -->
                <div class="greeting">
                    欢迎访问江西财经职业学院马克思主义学院网站！
               </div>
               <!-- 头部背景 -->
               <img src="./images/header-img.jpg">
            </div>

            <!-- 菜单部分 -->
            <div class="menu">
                <ul>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                    <li>长江二桥</li>
                </ul>
            </div>

            <!-- 日期搜索部分 -->
            <div class="date-search">

                <!-- 日期部分 -->
                <div class="date">
                    <span class="today">今天是：</span>
                    <span class="date-full">2004年2月28日 星期五</span>
                </div>

                <!-- 搜索部分 -->
                <div class="search">
                    <!-- 搜索框 -->
                    <div class="search-box"></div>
                    <!-- 搜索按钮 -->
                    <div class="search-btn">搜索</div>
                </div>
            </div>

            <!-- 内容部分 -->
            <div class="content">
                <!-- 内容上半部分 -->
                <div class="content-up">
                    <!-- 工作动态 -->
                    <div class="work-live">
                        <!-- 工作动态标题 -->
                        <div class="work-live-title">
                            <div class="work-live-title-text">工作动态</div>
                            <div class="work-live-title-more">更多>></div>
                        </div>
                        <!-- 工作动态内容 -->
                        <div class="work-live-content">
                            <ul>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="work-live-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="work-live-content-right">2004-02-28</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 轮播图 -->
                     <div class="slideshow">
                        <div class="slideshow-img"></div>
                        <div class="slideshow-buttom">
                            <div class="slideshow-buttom-text">长江二桥</div>
                            <div class="slideshow-buttom-btn">
                                <ul>
                                    <li>1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                            </div>
                        </div>
                     </div>

                    <!-- 时政热点 -->
                    <div class="politics-hot">
                        <!-- 时政热点上部分 -->
                        <div class="politics-hot-up">
                            <!-- 时政热点标题 -->
                            <div class="politics-hot-title">
                                <div class="politics-hot-up-title-text">时政热点</div>
                                <div class="politics-hot-up-title-more">更多>></div>
                            </div>
                            <!-- 时政热点内容 -->
                            <div class="politics-hot-content">
                                <ul>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <img src="./images/xlzx.jpg">
                    </div>
                </div>
                <!-- 内容下半部分 -->
                <div class="content-down">
                    <!-- 精品课程 -->
                    <div class="Boutique-class">
                        <!-- 精品课程标题 -->
                        <div class="Boutique-class-title">
                            <div class="Boutique-class-title-text">精品课程</div>
                            <div class="Boutique-class-title-more">更多>></div>
                        </div>
                        <!-- 精品课程内容 -->
                        <div class="Boutique-class-content">
                            <ul>
                                <li>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</li>
                                <li>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</li>
                                <li>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 知识竞赛 -->
                    <div class="knowledge-contest">
                        <!-- 知识竞赛标题 -->
                        <div class="knowledge-contest-title">
                            <div class="knowledge-contest-title-text">知识竞赛</div>
                            <div class="knowledge-contest-title-more">更多>></div>
                        </div>
                        <!-- 知识竞赛内容 -->
                        <div class="knowledge-contest-content">
                            <ul>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                                <li>
                                    <div class="knowledge-contest-content-left">
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </div>
                                    <div class="knowledge-contest-content-right">2004-02-28</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 教学资源 -->
                    <div class="teaching-resources">
                        <img src="./images/jsxx.jpg">
                        <div class="teaching-resources-down">
                            <!-- 教学资源标题 -->
                            <div class="teaching-resources-title">
                                <div class="teaching-resources-title-text">时政热点</div>
                                <div class="teaching-resources-title-more">更多>></div>
                            </div>
                            <!-- 教学资源内容 -->
                            <div class="teaching-resources-content">
                                <ul>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                    <li>
                                        <img src="./images/right-arrow.jpg">
                                        <span>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 内容底部 -->
                <div class="content-bottom">
                    <div class="friendly-link-title"></div>
                    <div class="friendly-link-content">
                        <ul>
                            <li>长江二桥</li>
                            <li>长江二桥</li>
                            <li>长江二桥</li>
                            <li>长江二桥</li>
                            <li>长江二桥</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 页面底部 -->
            <div class="footer"></div>
            <!-- 页面底部文字 -->
            <p>长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥长江二桥</p>
        </div>
    </div> 
    
</body>
</html>